简介:你有多少次看了一些教程,想写代码的时候却发现无从开始?没有长篇大论的文档和PPT,正确的课程应该是完全基于实例,本课程用一系列有趣的、简洁明快的实例由浅入深的阐述了 React 的特色,概念和基本使用。同时进而引出了 React 16 新的概念和用法。让没有任何 React 基础的人也能很快掌握核心概念并且应用于实际工作中。实战内容:https://coding.imooc.com/class/302.html
第1章 进入React的世界
在本章中,我们会阐述 React 的基本概念和优势, 使用 creat-react-app 搭建了本地开发环境。完成第一个组件,并且使用 ReactDOM.render 方法把组件挂载到了 DOM 上。同时引出了一个类似 HTML 的神奇语法。
第2章 JSX语法
在本章中,我们会阐述 React 的基本概念和优势, 使用 creat-react-app 搭建了本地开发环境。完成第一个组件,并且使用 ReactDOM.render 方法把组件挂载到了 DOM 上。同时引出了一个类似 HTML 的神奇语法。
第3章 Props/State/Forms 属性和状态
在本章中,将会通过四个有趣的实例 - 名片、点赞按钮、电子时钟,留言框来分别阐述了 React 的四个重要的基本概念- 属性(props),状态(state),生命周期,表单
第4章 综合实例 - 留言本
顺着表单的概念,在本章中我们将会完成一个留言板的综合实例,将会要学习两个 React 不同于其他双向绑定框架的重要概念 - 状态提升 和 单向数据流。
第5章 React 16 之 Context
在本章中介绍了 React 16.3 一个新的特性 Context,通过一个样式切换的小例子,让大家了解了 Context 的核心概念,提供了代替 多层传递属性 的解决方案